<template>
  <div>
    <vol-box :width="getScreenWidth()" :lazy="true" v-model="dialogVisible" title="文档内容" :padding="1" :draggable="true">
      <!-- <div>
        <vol-form ref="form" :labelWidth="80" :load-key="true" :formFields="fields" :formRules="formOptions"></vol-form>
      </div> -->
      <div v-html="this.content"></div>
      <template #footer>
        <div>
          <el-button type="default" size="mini" @click="dialogVisible = false">关闭</el-button>
        </div>
      </template>
    </vol-box>
  </div>
</template>
<script>
import VolBox from "@/components/basic/VolBox.vue";
import VolForm from "@/components/basic/VolForm.vue";
import abc from "@/uitils/h_common.js"; //这是默认的写法

export default {
  components: { VolBox, abc, VolForm },
  data() {
    return {
      dialogVisible: false,
      isshow1: true,
      content:"",
    };
  },
  setup() { },
  destroyed() { },
  mounted(){
  },
  methods: {
    getScreenWidth(){
      return document.documentElement.clientWidth;
    },
  },
};
</script>